<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>南信工大数据平台-气象灾害地图</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=GfoU428dXmPv5QNxYRgSjb1g"></script>
</head>
<link rel="stylesheet" href="./js/lib/layui-v2.4.3/css/layui.css">
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./css/meteorological_disaster_map.css">
<body>
    <div id="container"></div> 
    <div class="nuist-header">
        <i class="logo"></i>
        <a href="./index.html" class="link big">气象金融大数据平台</a>
        <a href="./meteorological_disaster_map.html" class="link">气象历史灾害记录可视化平台</a>
        <a href="./meteorological_disaster_map.html" class="link">地图浏览模式</a>
        <a href="./type_view.html" class="link">灾害分类浏览</a>
        <a href="./meteorological_disaster_record.html" class="link">全文检索模式</a>
    </div>
    <div class="toolbar-zone">
        <form class="layui-form" action="">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label" style="width:80px;">区县名称：</label>
                    <div class="layui-input-inline" style="width:200px;">
                        <input type="text" name="name" placeholder="请输入区县名称" autocomplete="off" class="layui-input station-name">
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width:80px;">省：</label>
                    <div class="layui-input-inline" style="width:200px;">
                        <select name="province" lay-verify="" lay-filter="province">
                            <option value="">世界地形图</option>
                        </select>   
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width:80px;">市：</label>
                    <div class="layui-input-inline" style="width:200px;">
                        <select name="city" lay-verify="" lay-filter="city">
                            <option value="">选择市</option>
                        </select>   
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width:80px;">区：</label>
                    <div class="layui-input-inline" style="width:200px;">
                        <select name="zone" lay-verify="" lay-filter="zone">
                            <option value="">选择县/区</option>
                        </select>   
                    </div>
                </div>
                <div class="layui-inline">
                    <button class="layui-btn  layui-btn-sm search"><i class="layui-icon">&#xe615;</i> 筛选</button>
                </div>
            </div>
        </form>
    </div>
</body>
</html>
<script type="text/html" id="select-option">
    {{each list as value i}}
        <option value="{{value.value}}">{{value.name}}</option>
    {{/each}}
</script>
<script type="text/html" id="dialog-wrap">
    <div class="dialog-wrap">
        <div class="layui-form">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label" style="width:58px;">朝代：</label>
                    <div class="layui-input-inline"  style="width:150px;">
                        <select name="dynasty" id="dynasty" lay-verify="" lay-filter="dynasty" placeholder="选择朝代">
                            <option value="">全部朝代</option>
                            <option value="春秋">春秋</option>
                            <option value="战国">战国</option>
                            <option value="秦">秦</option>
                            <option value="汉">汉</option>
                            <option value="新">新</option>
                            <option value="东汉">东汉</option>
                            <option value="三国">三国</option>
                            <option value="晋">晋</option>
                            <option value="南北朝">南北朝</option>
                            <option value="隋">隋</option>
                            <option value="唐">唐</option>
                            <option value="周">周</option>
                            <option value="五代">五代</option>
                            <option value="宋">宋</option>
                            <option value="元">元</option>
                            <option value="明">明</option>
                            <option value="清">清</option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label" style="width:80px;">时间区间：</label>
                    <div class="layui-input-inline" style="width:150px;">
                        <input type="text" class="layui-input" id="year" placeholder="选择年份">
                    </div>
                </div>
                <div class="layui-inline">
                    <button class="layui-btn  layui-btn-sm filter"><i class="layui-icon">&#xe615;</i>筛选</button>
                </div>
            </div>
        </div>   
        <div>
            <button class="layui-btn  layui-btn-sm export"><i class="layui-icon">&#xe601;</i> 导出</button>
        </div>
        <table id="table" lay-filter="test"></table>
    </div>
</script>
<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-xs" lay-event="detail">详情</a>
</script>
<script type="text/html" id="content">
    <div class="content-wrap">
        {{each $data as value i}}
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li class="layui-this">{{value.ly2}}：</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">{{value.content}}</div>
            </div>
            </div> 
        {{/each}}
    </div>
</script>
<script src="./js/lib/jquery-1.8.3.min.js"></script>
<script src="./js/lib/layui-v2.4.3/layui.all.js"></script>
<script src="./js/lib/template.js"></script>
<script src="./js/common/china.js"></script>
<script src="./js/lib/echarts.min.js"></script>
<script src="./js/common/common.js"></script>
<script src="./js/meteorological_disaster_map.js"></script>